<template>
  <doc-breadcrumb></doc-breadcrumb>
  <el-radio-group v-model="routerKind" size="mini">
    <el-radio-button label="编辑"></el-radio-button>
    <el-radio-button label="预览"></el-radio-button>
    <el-radio-button label="导出文档"></el-radio-button>
    <el-radio-button label="导出配置"></el-radio-button>
  </el-radio-group>
  <md-edit v-if="routerKind === '编辑'"/>
  <md-preview v-if="routerKind === '预览'"/>
  <md-output v-if="routerKind === '导出文档'"/>
  <navi-output v-if="routerKind === '导出配置'"/>
</template>

<script setup>
  import { ref } from 'vue'
  import { ElRadioGroup, ElRadioButton } from 'element-plus'
  // 编辑和预览
  import { mdEdit, mdPreview, mdOutput, naviOutput, docBreadcrumb } from '/nf-press-edit'

  const routerKind = ref('编辑')

</script>